<template>
	<div>
		<div id="ZiLiaoKa">
			<el-avatar :size="50" :src="circleUrl" id="TouXiang"></el-avatar>
			<p>古寒飞</p>
		</div>
		<br>
		<br>
		<br>
		<br>
		<br>
		这里显示其它社交内容的内容
	</div>
</template>

<script>
	export default {
		data() {
			return {
				circleUrl: "https://tay3223.oss-cn-shanghai.aliyuncs.com/HTML/dist/images/img001.jpeg",
				squareUrl: "https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png",
				sizeList: ["large", "medium", "small"]
			}
		}
	}
</script>

<style>
	#ZiLiaoKa {
		width: 100%;
		height: 10rem;
		background-color: aquamarine;
	}

	#TouXiang {
		margin-top: 1.25rem;
	}
</style>
